1、合理使用注释可以使代码清晰，更易修改
2、按Ctrl + Shift + /
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css注释</title>
<link rel="stylesheet" type="text/css" href="a109.css" />
</head>
<body>
<!--头部开始-->
<header id="touBu">
<div></div>
<!--导航开始-->
<nav>导航</nav>
<!--导航结束-->
</header>
<!--头部结束-->
<!--主体内容开始-->
<div class="content">
我要好好学习
</div>
<!--主体内容结束-->
<!--尾部内容开始-->
<footer></footer>
<!--尾部内容结束-->
</body>
</html>
css:
/*头部开始*/
#touBu{
height:30px;
width:200px;
background:gray;
color:white;
}
/*导航开始*/
head {
}
/*导航结束*/
/*头部结束*/
/*主体内容开始*/
.content{
height:30px;
width:200px;
background:green;
color:white;
}
/*主体内容结束*/
footer{
}
返回值：